<!DOCTYPE html>
<heml>
	<head>
		<meta charset="utf-8">
		<title>圣痕</title>
		<style type="text/css">
			*{
    /* 初始化 */
  
}
body{
    /* 100%窗口高度 */
    height: 100%;
    /* 弹性布局 居中 */
    display: flex;
    justify-content: center;
    align-items: center;
    /* 渐变背景 */
    background: linear-gradient(200deg,#e3c5eb,#a9c1ed);
    /* 溢出隐藏 */
    overflow: visible;
}

ul li{
    position: absolute;
    border: 1px solid #fff;
    background-color: #fff;
    width: 30px;
    height: 30px;
    list-style: none;
    opacity: 0;
}
.square li{
    top: 40vh;
    left: 60vw;
    /* 执行动画：动画名 时长 线性的 无限次播放 */
    animation: square 10s linear infinite;
}
.square li:nth-child(2){
    top: 80vh;
    left: 10vw;
    /* 设置动画延迟时间 */
    animation-delay: 2s;
}
.square li:nth-child(3){
    top: 80vh;
    left: 85vw;
    /* 设置动画延迟时间 */
    animation-delay: 4s;
}
.square li:nth-child(4){
    top: 10vh;
    left: 70vw;
    /* 设置动画延迟时间 */
    animation-delay: 6s;
}
.square li:nth-child(5){
    top: 10vh;
    left: 10vw;
    /* 设置动画延迟时间 */
    animation-delay: 8s;
}
.circle li{
    bottom: 0;
    left: 15vw;
    /* 执行动画 */
    animation: circle 10s linear infinite;
}
.circle li:nth-child(2){
    left: 35vw;
    /* 设置动画延迟时间 */
    animation-delay: 2s;
}
.circle li:nth-child(3){
    left: 55vw;
    /* 设置动画延迟时间 */
    animation-delay: 6s;
}
.circle li:nth-child(4){
    left: 75vw;
    /* 设置动画延迟时间 */
    animation-delay: 4s;
}
.circle li:nth-child(5){
    left: 90vw;
    /* 设置动画延迟时间 */
    animation-delay: 8s;
}

/* 定义动画 */
@keyframes square {
    0%{
        transform: scale(0) rotateY(0deg);
        opacity: 1;
    }
    100%{
        transform: scale(5) rotateY(1000deg);
        opacity: 0;
    }
}
@keyframes circle {
    0%{
        transform: scale(0) rotateY(0deg);
        opacity: 1;
        bottom: 0;
        border-radius: 0;
    }
    100%{
        transform: scale(5) rotateY(1000deg);
        opacity: 0;
        bottom: 90vh;
        border-radius: 50%;
    }
}
		

			.mytable{
				margin-bottom: 50px;
				margin-top: 50px;
				border-color: #C8AFC6;
			}
			.content{
				color: #BF59D1;
				font-size: 20px;
			}
			
		</style>
		<link rel="stylesheet" href="../css/57.css">
		<link rel="icon" type="img/x-icon" href="../images/1662648190872.ico">
	</head>
	
	<body>
		<div class="back">
		<h1 align="center">圣痕套装：始源之花套装</h1>
		<table class="mytable" border="1">
			<caption>爱莉希雅·无瑕之人（上）</caption>
			<tr>
			    <th>立绘</th>
				<th align="left">位置</th>
				<th align="left">套装tag</th>
				<th align="left">圣痕技能</th>
			</tr>
			<tr>
				<td><img src="../images/692decf51bf7bd78e3b3b3d7600260be_8958338832211326119.jpg" width="500"></td>
				<td>上位</td>
				<td>全伤-冰伤-施加异常状态-减伤-武器冷却缩减</td>
				<td>【愿海洋辽润】全伤害提高20.0%。使用武器技能时冰冻元素伤害提高20.0%，持续10秒，重复触发刷新持续时间。律者形态下远程攻击的冰冻元素伤害提高35.0%</td>
			</tr>
		</table>
		<div class="content">
		<p>『上』一片虚无中诞生，于海洋中漂泊</p>
		<p>『伊甸』的黄金酒杯、『维尔薇』的破旧怀表、『千劫』的手工面具</p>
		<p>『黛丝多比娅』送给『科斯魔』的口琴。</p>
		</div>
		
		<table class="mytable" border="1">
			<caption>爱莉希雅·无瑕之人（中）</caption>
			<tr>
				<th>立绘</th>
				<th align="left">位置</th>
				<th align="left">套装tag</th>
				<th align="left">圣痕技能</th>
			</tr>
			<tr>
				<td><img src="../images/acd4f69844678f7cdf74e78df0535efb_5423710622576391102.jpg" width="500"></td>
				<td>中位</td>
				<td>全伤-冰伤-施加异常状态-减伤-武器冷却缩减</td>
				<td>【愿大地丰饶】冰冻元素伤害提高20.0%。律者形态下武器技能命中敌人后，使其受到来自该角色的远程攻击冰冻元素伤害提高15.0%，持续10秒(该效果独立加成，重复触发刷新持续时间)</td>
			</tr>
		</table>
		<div class="content">
		<p>『中』光点，声音，色彩，温度，少女安谧森林旁醒来，如同『伊甸园』一样，少女生来就是乐园。</p>
		<p>盘踞在树上的蛇『梅比乌斯』、睡着的狐狸『樱』</p>
		<p>一旁仰望的猫『帕朵菲莉丝』</p>
		<p>手中栖息的蝴蝶『阿波尼亚』</p>
		</div>
		
		<table class="mytable" border="1">
			<caption>爱莉希雅·无瑕之人（下）</caption>
			<tr>
				<th>立绘</th>
				<th align="left">位置</th>
				<th align="left">套装tag</th>
				<th align="left">圣痕技能</th>
			</tr>
			<tr>
				<td><img src="../images/9a40bd732474072f276a8f3d259c8b03_5941912789267020772.jpg" width="500"></td>
				<td>下位</td>
				<td>全伤-冰伤-施加异常状态-减伤-武器冷却缩减</td>
				<td>【愿群星闪耀】冰冻元素伤害提高20.0%。远程攻击的全伤害提高20.0%</td>
			</tr>
		</table>
		<div class="content">
		<p>『下』于地球之上，浩瀚的星空下，少女化作始源之律者，为新世纪人类带来希望之花，赋予律者找寻人性的可能。</p>
		<p>那四位先行者计划</p>
		<p>凯文『圣痕计划』</p>
		<p>华『火种计划』</p>
		<p>苏『恒沙计划』</p>
		<p>格蕾修『方舟计划』</p>
		</div>
		
		<table class="mytable" border="1">
			<caption>套装技能</caption>
			<tr>
				<th>愿时光永驻</th>
				<th>愿光辉永恒</th>
			</tr>
			<tr>
				<td>律者形态下全伤害提高25.0%。累计攻击8次后(冷却时间0.1秒)，远程攻击的冰冻伤害提高15.0%，持续10秒，重复触发刷新持续时间。自身受到的全伤害降低20.0%</td>
				<td>武器技能冷却时间减少25.0%，远程攻击的冰冻元素伤害提高20.0%，远程攻击的全伤害提高35.0%</td>
			</tr>
		</table>
		<input type="button" name="Submit" onclick="javascript:history.back(-1);" value="返回上一页" style="width: 100px; height:30px">
		</div>
		<div class="square">
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <div class="circle">
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
	</body>

</heml>